// 1.登录与注册切换
$(function () {
    $('#loginBox a').on('click',function () {
        $('#regBox').show()
        $('#loginBox').hide()
    })
    $('#regBox a').on('click',function () {
        $('#regBox').hide()
        $('#loginBox').show()
    })
})

// 2.定义校验规则
let form = layui.form
form.verify({
    username: [
        /^[a-zA-Z0-9]{1,10}$/,
        '密码必须为1-10位的数字或字母'
    ],
    pwd: [
        /^[a-zA-Z0-9]{6,12}$/,
        '密码必须为6-12位的数字或字母'
    ],

    // 自定义重复规则
    rePwd: function (value) {
        // value就是给哪个标签设置规则,这个标签的值就赋值给value
        // console.log(value); value是再次输入密码框
        let pwd = $('#regBox input[name=password]').val()
        // console.log(pwd); pwd是输入密码框
        if(pwd !== value) {
            return '两次密码输入不一致!'
        }
    }
})

// 3.注册功能
let layer = layui.layer
$('#formReg').on('submit',function (e) {
    // 阻止表单默认提交
    e.preventDefault()
    // 发送axios
    axios({
        method: 'POST',
        url: '/api/reguser',
        data: $(this).serialize(),
    }).then(function (res) {
        // console.log(res.data);
        // 判断返回的数据
        if(res.data.status !== 0) {
            return layer.msg(res.data.message, {icon: 5})
        }
        // 注册成功
        layer.msg('注册成功', {icon: 6})
        // 成功后切换到登录模块
        $('#regBox a').click()
        // 清空input内容 DOM中的方法reset()可重置form表单
        $('#formReg')[0].reset()
    })
})

// 4.登录功能
$('#formLogin').on('submit',function (e) {
    e.preventDefault()
    // 发送axios
    axios({
        method: 'POST',
        url: '/api/login',
        data: $(this).serialize(),
    }).then(function (res) {
        // console.log(res);
        if(res.data.status !== 0) {
            return layer.msg(res.data.message, {icon: 5})
            // return alert(123)
        }
        // 登陆成功
        layer.msg('登录成功', {icon: 6})
        localStorage.setItem('token',res.data.token)
        // 跳转页面
        location.href = '/index.html'
    })
})

